﻿@using System.Configuration
@using DMS.Library.Web.Mvc
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>VDMS - @ViewBag.Title</title>
  
    @Html.Script("jquery-1.8.2.min.js")
    @Html.Script("jsonselect.min.js")
    @Html.Script("jquery-ui-1.8.24.min.js")
    @Html.Script("jquery.unobtrusive-ajax.js")
    @Html.Script("jquery.validate.js")
    @Html.Script("jquery.validate.unobtrusive.js")
    @Html.Script("jquery.pager.js")
    @Html.Script("common.js")
    @Html.Script("menu.js")
    @Html.Script("jquery.tooltip.js")
    @Html.Script("jquery.selectboxes.min.js")
    @Html.Script("jquery.stickytableheaders.js")
    @*Huong dan su dung: http://decorplanit.com/plugin/*@
    @Html.Script("autoNumeric.js")
    @RenderSection("head", false)
    @Html.Script("modernizr-2.6.2.js")
    @Html.Script("common.js")
    
    <!-- Theme CSS -->
	<link rel="stylesheet" href="/content/css/style.css">
    <!-- Bootstrap -->
	<link rel="stylesheet" href="/content/css/bootstrap.min.css">
	<!-- Bootstrap responsive -->
	<link rel="stylesheet" href="/content/css/bootstrap-responsive.min.css">
	<!-- jQuery UI -->
	<link rel="stylesheet" href="/content/css/plugins/jquery-ui/smoothness/jquery-ui.css">
	<link rel="stylesheet" href="/content/css/plugins/jquery-ui/smoothness/jquery.ui.theme.css">
	<!-- PageGuide -->
	<link rel="stylesheet" href="/content/css/plugins/pageguide/pageguide.css">
	<!-- Fullcalendar -->
	<link rel="stylesheet" href="/content/css/plugins/fullcalendar/fullcalendar.css">
	<link rel="stylesheet" href="/content/css/plugins/fullcalendar/fullcalendar.print.css" media="print">
	<!-- chosen -->
	<link rel="stylesheet" href="/content/css/plugins/chosen/chosen.css">
	<!-- select2 -->
	<link rel="stylesheet" href="/content/css/plugins/select2/select2.css">
	<!-- icheck -->
	<link rel="stylesheet" href="/content/css/plugins/icheck/all.css">
	
	<!-- Color CSS -->
	<link rel="stylesheet" href="/content/css/themes.css">


	<!-- jQuery -->
	
	<!-- Nice Scroll -->
	<script src="/content/js/plugins/nicescroll/jquery.nicescroll.min.js"></script>
	<!-- jQuery UI -->
	<script src="/content/js/plugins/jquery-ui/jquery.ui.core.min.js"></script>
	<script src="/content/js/plugins/jquery-ui/jquery.ui.widget.min.js"></script>
	<script src="/content/js/plugins/jquery-ui/jquery.ui.mouse.min.js"></script>
	<script src="/content/js/plugins/jquery-ui/jquery.ui.draggable.min.js"></script>
	<script src="/content/js/plugins/jquery-ui/jquery.ui.resizable.min.js"></script>
	<script src="/content/js/plugins/jquery-ui/jquery.ui.sortable.min.js"></script>
	<!-- Touch enable for jquery UI -->
	<script src="/content/js/plugins/touch-punch/jquery.touch-punch.min.js"></script>
	<!-- slimScroll -->
	<script src="/content/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<!-- Bootstrap -->
	<script src="/content/js/bootstrap.min.js"></script>
	<!-- vmap -->
	<script src="/content/js/plugins/vmap/jquery.vmap.min.js"></script>
	<script src="/content/js/plugins/vmap/jquery.vmap.world.js"></script>
	<script src="/content/js/plugins/vmap/jquery.vmap.sampledata.js"></script>
	<!-- Bootbox -->
	<script src="/content/js/plugins/bootbox/jquery.bootbox.js"></script>
	<!-- Flot -->
	<script src="/content/js/plugins/flot/jquery.flot.min.js"></script>
	<script src="/content/js/plugins/flot/jquery.flot.bar.order.min.js"></script>
	<script src="/content/js/plugins/flot/jquery.flot.pie.min.js"></script>
	<script src="/content/js/plugins/flot/jquery.flot.resize.min.js"></script>
	<!-- imagesLoaded -->
	<script src="/content/js/plugins/imagesLoaded/jquery.imagesloaded.min.js"></script>
	<!-- PageGuide -->
	<script src="/content/js/plugins/pageguide/jquery.pageguide.js"></script>
	<!-- FullCalendar -->
	<script src="/content/js/plugins/fullcalendar/fullcalendar.min.js"></script>
	<!-- Chosen -->
	<script src="/content/js/plugins/chosen/chosen.jquery.min.js"></script>
	<!-- select2 -->
	<script src="/content/js/plugins/select2/select2.min.js"></script>
	<!-- icheck -->
	<script src="/content/js/plugins/icheck/jquery.icheck.min.js"></script>

	<!-- Theme framework -->
	<script src="/content/js/eakroko.min.js"></script>
	<!-- Theme scripts -->
	<script src="/content/js/application.min.js"></script>
	<!-- Just for demonstration -->
	<script src="/content/js/demonstration.min.js"></script>
	
	<!--[if lte IE 9]>
		<script src="js/plugins/placeholder/jquery.placeholder.min.js"></script>
		<script>
			$(document).ready(function() {
				$('input, textarea').placeholder();
			});
		</script>
	<![endif]-->

	<!-- Favicon -->
	<link rel="shortcut icon" href="/Content/img/favicon.ico" />
	<!-- Apple devices Homescreen icon -->
	<link rel="apple-touch-icon-precomposed" href="/Content/img/apple-touch-icon-precomposed.png" />
</head>
<body>
    	
	<div id="modal-user" class="modal hide">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="user-infos">test</h3>
		</div>
		<div class="modal-body">
			<div class="row-fluid">
				<div class="span2">
					<img src="img/demo/user-1.jpg" alt="">
				</div>
				<div class="span10">
					<dl class="dl-horizontal" style="margin-top:0;">
						<dt>Full name:</dt>
						<dd>Jane Doe</dd>
						<dt>Email:</dt>
						<dd>jane.doe@janedoesemail.com</dd>
						<dt>Address:</dt>
						<dd>
							<address> <strong>John Doe, Inc.</strong>
								<br>
								7195 JohnsonDoes Ave, Suite 320
								<br>
								San Francisco, CA 881234
								<br> <abbr title="Phone">P:</abbr>
								(123) 456-7890
							</address>
						</dd>
						<dt>Social:</dt>
						<dd>
							<a href="#" class='btn'><i class="icon-facebook"></i></a>
							<a href="#" class='btn'><i class="icon-twitter"></i></a>
							<a href="#" class='btn'><i class="icon-linkedin"></i></a>
							<a href="#" class='btn'><i class="icon-envelope"></i></a>
							<a href="#" class='btn'><i class="icon-rss"></i></a>
							<a href="#" class='btn'><i class="icon-github"></i></a>
						</dd>
					</dl>
				</div>
			</div>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal">Close</button>
		</div>
	</div>
	<div id="navigation">
		<div class="container-fluid">
			<a href="/Home" id="brand">VDMS</a>
			<a href="#" class="toggle-nav" rel="tooltip" data-placement="bottom" title="Toggle navigation"><i class="icon-reorder"></i></a>
			@Html.Partial("_Menu")
			<div class="user">
				
				<div class="dropdown">
					<a href="#" class='dropdown-toggle' data-toggle="dropdown">@HttpContext.Current.User.Identity.Name <img src="/Content/img/demo/user-avatar.jpg" alt=""></a>
					<ul class="dropdown-menu pull-right">
						<li>
							 @Html.ActionLink("Đổi mật khẩu","ChangePassword","Account")
						</li>
                        <li>
                            @Html.ActionLink("Thoát","Logoff","Account")
                        </li>
					</ul>
				</div>
			</div>
		</div>
	</div>
    <div class="container-fluid" id="content">
        @RenderBody()
    </div>
    <div id="footer">
			<p>
				© Copyright 2014 VDMS
			</p>
		</div>
</body>
</html>
